<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>${(uiLabelMap.candidateInfoPage)!}</title>
	<link rel="shortcut icon" href="/logo-gfs.png" type="image/x-icon">

	<link href="/sysServer/images/css/antd.min.css" rel="stylesheet">

</head>

<body>
<div id="index">

	<div class="topInfo" style="margin-bottom: 20px;height: 100px;">
		<div class="gongzhonghao" style="width: 30%;display: inline-block;float: left;"><div style="float: left;">
				<div style="height: 20px;line-height: 20px;text-align: center">${uiLabelMap.plweixin}</div>
				<img style="height: 80px;" src="http://eim.kejicloud.com/images/plGZH.jpg">
			</div>
			<div style="float: left;margin-left: 10px;"><div style="height: 20px;rline-height: 20px;text-align: center">${uiLabelMap.plkg}</div>
				<img style="height: 80px;" src="http://eim.kejicloud.com/images/kugou.jpg"></div>
		</div>
		<div class="title" style="width: 40%;height: 100%;line-height: 100px;float: left;font-size: 24px;font-weight: 700;text-align: center">${uiLabelMap.plCandidateInfo}</div>
	</div>

	<form v-if="state" class="ant-form ant-form-horizontal">
		<div class="ant-row">
			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="name" title="${uiLabelMap.name}"
																							   class="ant-form-item-required">${uiLabelMap.name}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.name}" type="text" v-model="form.name" id="name" class="ant-input"></span>
							<!---->
						</div>
					</div>
				</div>
			</div>
			
			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control">
						
						</div>
					</div>
				</div>
			</div>

</div>

<div class="ant-row">
			


			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="gender" title="${uiLabelMap.gender}"
                                                                                               class="ant-form-item-required">${uiLabelMap.gender}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="gender" v-model="form.gender">
                    <option v-for="item in genderList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
						</div>
					</div>
				</div>
			</div>

			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="age" title="${uiLabelMap.age}"
																							   class="ant-form-item-required">${uiLabelMap.age}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.age}" type="text" v-model="form.age" id="age" class="ant-input"></span>
							<!---->
						</div>
					</div>
				</div>
			</div>


			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="wedlock" title="${uiLabelMap.wedlock}"
                                                                                               class="ant-form-item-required">${uiLabelMap.wedlock}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="wedlock" v-model="form.wedlock">
                    <option v-for="item in wedlockList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
							<!---->
						</div>
					</div>
				</div>
			</div>


			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="nativePlace" title="${uiLabelMap.nativePlace}"
																							   class="">${uiLabelMap.nativePlace}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.nativePlace}"
																									   type="text" v-model="form.nativePlace" id="nativePlace" class="ant-input"></span>
						</div>
					</div>
				</div>
			</div>


			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="email" title="${uiLabelMap.email}"
                                                                                               class="ant-form-item-required">${uiLabelMap.email}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.email}"
																									   type="text" v-model="form.email" id="email" class="ant-input"></span>
							<!---->
						</div>
					</div>
				</div>
			</div>


			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="phone" title="${uiLabelMap.phone}"
                                                                                               class="ant-form-item-required">${uiLabelMap.phone}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.phone}"
																									   type="text" v-model="form.phone" id="phone" class="ant-input"></span>
							<!---->
						</div>
					</div>
				</div>
			</div>


			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="education" title="${uiLabelMap.education}"
																							   class="ant-form-item-required">${uiLabelMap.education}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">

                  <select name="education" v-model="form.education" >
                    <option v-for="item in educationList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
						</div>
					</div>
				</div>
			</div>

			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="school" title="${uiLabelMap.school}"
                                                                                               class="ant-form-item-required">${uiLabelMap.school}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.school}"
																									   type="text" v-model="form.school" id="school" class="ant-input"></span>
							<!---->
						</div>
					</div>
				</div>
			</div>

			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="specialty" title="${uiLabelMap.specialty}"
																							   class="ant-form-item-required">${uiLabelMap.specialty}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.specialty}"
																									   type="text" v-model="form.specialty" id="specialty" class="ant-input"></span>
						</div>
					</div>
				</div>
			</div>

			<div class="ant-col ant-col-12" v-if="form.education > 6">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="school" title="${uiLabelMap.masterSchool}"
																							   class="ant-form-item-required">${uiLabelMap.masterSchool}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.masterSchool}"
																									   type="text" v-model="form.masterSchool" id="masterSchool" class="ant-input"></span>
						</div>
					</div>
				</div>
			</div>

			<div class="ant-col ant-col-12" v-if="form.education > 6">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="specialty" title="${uiLabelMap.masterSpecialty}"
																							   class="ant-form-item-required">${uiLabelMap.masterSpecialty}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.masterSpecialty}"
																									   type="text" v-model="form.masterSpecialty" id="masterSpecialty" class="ant-input"></span>
						</div>
					</div>
				</div>
			</div>


			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="position" title="${uiLabelMap.position}"
                                                                                               class="ant-form-item-required">${uiLabelMap.position}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
							<input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.position}"
								   type="text" v-model="form.position" id="position" class="ant-input">
<#--                  <select name="position" v-model="form.position">-->
<#--                    <option v-for="item in positionList" :key="item.key" :value="item.value">-->
<#--                      {{item.text}}</option>-->
<#--                  </select>-->
                </span>
						</div>
					</div>
				</div>
			</div>



			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
						<label for="expectedSalaryMin" title="${uiLabelMap.yearSalary}" class="ant-form-item-required">${uiLabelMap.yearSalary}</label>
					</div><div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
								<input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.expectedSalaryMin}" type="text"  v-model="form.expectedSalaryMin"   id="expectedSalaryMin" class="ant-input" style="width: 40.5%; text-align: center;">
								<input type="text" disabled="disabled" class="ant-input ant-input-disabled" value="~" style="width: 17%; border: 0px; pointer-events: none; background-color: rgb(255, 255, 255); text-align: center;">
								<input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.expectedSalaryMax}" type="text" v-model="form.expectedSalaryMax"    id="expectedSalaryMax" class="ant-input" style="width: 40.5%; text-align: center;">
							</span>
						</div>
					</div>
				</div>
			</div>



			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="source"
																							   title="${uiLabelMap.source}" class="ant-form-item-required">${uiLabelMap.source}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
								<select name="source" v-model="form.source">
                    <option v-for="item in sourceList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
						</div>
					</div>
				</div>
			</div>



			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="expectedSalary" title="${uiLabelMap.intentionWork}"
																							   class="ant-form-item-required">${uiLabelMap.intentionWork}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
								<input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.intentionWork}"
																									   type="text" v-model="form.intentionWork" id="intentionWork" class="ant-input"></span>
						</div>
					</div>
				</div>
			</div>


			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="startDate"
																							   title="${uiLabelMap.startDate}" class="ant-form-item-required">${uiLabelMap.startDate}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
								<select name="startDate" v-model="form.startDate">
                    <option v-for="item in startDateList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
						</div>
					</div>
				</div>
			</div>


<#--			<div class="ant-col ant-col-12">-->
<#--				<div class="ant-row ant-form-item">-->
<#--					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="otherRequirements"-->
<#--																							   title="${uiLabelMap.otherRequirements}" class="">${uiLabelMap.otherRequirements}</label></div>-->
<#--					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">-->
<#--						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.otherRequirements}"-->
<#--																									   type="text" v-model="form.otherRequirements" id="otherRequirements" class="ant-input"></span>-->
<#--							<!--&ndash;&gt;-->
<#--						</div>-->
<#--					</div>-->
<#--				</div>-->
<#--			</div>-->

<#--			<div class="ant-col ant-col-12">-->
<#--				<div class="ant-row ant-form-item">-->
<#--					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="trainingAttend"-->
<#--																							   title="${uiLabelMap.trainingAttend}" class="">${uiLabelMap.trainingAttend}</label></div>-->
<#--					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">-->
<#--						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.trainingAttend}"-->
<#--																									   type="text" v-model="form.trainingAttend" id="trainingAttend" class="ant-input"></span>-->
<#--							<!--&ndash;&gt;-->
<#--						</div>-->
<#--					</div>-->
<#--				</div>-->
<#--			</div>-->

<#--			<div class="ant-col ant-col-12">-->
<#--				<div class="ant-row ant-form-item">-->
<#--					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="awardPunish" title="${uiLabelMap.awardPunish}"-->
<#--																							   class="">${uiLabelMap.awardPunish}</label></div>-->
<#--					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">-->
<#--						<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.awardPunish}"-->
<#--																									   type="text" v-model="form.awardPunish" id="awardPunish" class="ant-input"></span>-->
<#--							<!--&ndash;&gt;-->
<#--						</div>-->
<#--					</div>-->
<#--				</div>-->
<#--			</div>-->



			<div class="ant-col ant-col-12">
				<div class="ant-row ant-form-item">
					<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="upload"
																							   title="${uiLabelMap.upload}" class="ant-form-item-required">${uiLabelMap.upload}</label></div>
					<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
						<div class="ant-form-item-control"><span class="ant-form-item-children">
								 <div class="file_bg">
									 <img v-if="form.uploadPath" :src="'http://eim.kejicloud.com/'+form.uploadPath" id="my-img">
									 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
							<input  type="file" @change="getFile($event)" id="upload" class="ant-input"></div></span>

						</div>
					</div>
				</div>
			</div>

			<div class="ant-col ant-col-24" style="text-align: right;padding-right: 7%;">
                 <button type="button" @click="addEmp" class="btn btn-success">${uiLabelMap.submit}</button>
			</div>


		</div>


	</form>
	<div v-else>{{result}}</div>


</div>
</body>
<script type="text/javascript" src="/sysServer/images/js/vue.js"></script>
<script type="text/javascript" src="/sysServer/images/js/jquery.js"></script>
<script type="text/javascript" src="/sysServer/images/js/axios.min.js"></script>
<script src="/sysServer/images/js/jquery.growl.js" type="text/javascript"></script>
<link href="/sysServer/images/js/jquery.growl.css" rel="stylesheet" type="text/css" />
<script>
	var indexVue = new Vue({
		el: '#index',
		data: {
			isMaster: false,
			form: {
				name: '',
				gender: '',
				age: '',
				birthday: '',
				wedlock: '',
				nationId: '',
				nativePlace: '',
				politicId: '',
				email: '',
				phone: '',
				specialty: '',
				school: '',
				masterSchool: '',
				masterSpecialty: '',
				education: '',
				workExperience: '',
				position: '',
				expectedSalary:'',
				startDate: '',
				trainingAttend: '',
				awardPunish: '',
				uploadPath: '',
				intentionWork: '',
				source: '',
				expectedSalaryMin: '',
				expectedSalaryMax: '',
			},
			genderList: [],
			wedlockList: [],
			nationIdList: [],
			politicIdList: [],
			positionList: [],
			educationList: [],
			startDateList: [],
			sourceList: [],
			state: true,
			result: ''
		},
		mounted: function () {
            let id = '${(parameters.id)!}';
            if(id){
                this.init();
                this.getGenderData();
                this.getWedlockData();
                this.getNationIdData();
                this.getPoliticIdData();
                this.getPositionData();
                this.getEducationData();
                this.getStartDateData();
                this.getSourseList();
            }
		},
		methods: {
			changeTimeStamp(timestamp) {
				if(timestamp ==0){ return ``}
				let time1 = new Date(Number(timestamp))
				let year = time1.getFullYear()
				let month = time1.getMonth() + 1
				let day = time1.getDate()
				// let hour = time1.getHours()
				// let min = time1.getMinutes()
				// let seconds = time1.getSeconds()
				month = month < 10 ? '0' + month : month
				day = day < 10 ? '0' + day : day
				// hour = hour < 10 ? '0' + hour : hour
				// min = min < 10 ? '0' + min : min
				// seconds = seconds < 10 ? '0' + seconds : seconds
				return year+"-"+month+"-"+day
			},
			init: function () {
				axios.post('getHrCandidateInfoJson', {
					id: '${(parameters.id)!}'
				}).then(response => {
                    if(response.data.nfs){
                        this.form = response.data.nfs
                    }
                    if(this.form){
                        let ss = response.data.nfs.birthday
                        let ss2 = response.data.nfs.beginDate
                        let ss3 = response.data.nfs.estimateBeginDate
                        this.form.birthday = this.changeTimeStamp(ss)
                        this.form.beginDate = this.changeTimeStamp(ss2)
                        this.form.estimateBeginDate = this.changeTimeStamp(ss3)
                    }
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getGenderData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =USER_SEX'
				}).then(response => {
					console.log(response)
					this.genderList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getWedlockData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_MARITAL_STATUS'
				}).then(response => {
					console.log(response)
					this.wedlockList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getNationIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =ETHNICITY'
				}).then(response => {
					console.log(response)
					this.nationIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getPoliticIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_PARTY'
				}).then(response => {
					this.politicIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getPositionData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =POSITION'
				}).then(response => {
					this.positionList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getEducationData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_EDUCATION'
				}).then(response => {
					console.log(response)
					this.educationList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getStartDateData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =START_DATE'
				}).then(response => {
					this.startDateList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getSourseList(){
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =CANDIDATE_SOURSE'
				}).then(response => {
					this.sourceList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.uploadPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			addEmp() {
                if (!this.form.name){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.name}!"
                    });
                    return false
                }
                if (!this.form.gender){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.gender}!"
                    });
                    return false
                }
                if (!this.form.age){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.age}!"
                    });
                    return false
                }
                if (!this.form.wedlock){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.wedlock}!"
                    });
                    return false
                }

                if (!this.form.email){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.email}!"
                    });
                    return false
                }
                if (!this.form.phone){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.phone}!"
                    });
                    return false
                }
				if (!this.form.education){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.education}!"
					});
					return false
				}
                if (!this.form.school){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.school}!"
                    });
                    return false
                }
				if (!this.form.specialty){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.specialty}!"
					});
					return false
				}
				if (!this.form.position){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.position}!"
					});
					return false
				}
                if (!this.form.expectedSalaryMin){
                    $.growl.error({
                        title: "${uiLabelMap.errorTitle}",
                        message: "${uiLabelMap.errorEmpty}${uiLabelMap.expectedSalaryMin}!"
                    });
                    return false
                }
				if (!this.form.expectedSalaryMax){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.expectedSalaryMax}!"
					});
					return false
				}
				if (!this.form.source){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.source}!"
					});
					return false
				}
				if (!this.form.intentionWork){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.intentionWork}!"
					});
					return false
				}
				if (!this.form.startDate){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.startDate}!"
					});
					return false
				}
				if (!this.form.uploadPath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.upload}!"
					});
					return false
				}

				axios.post('saveHrCandidateInfo',this.form ).then(response => {
                    //this.state = false
                    if(response.data.name){
                        location.href = "/sysServer/online/editCandidateInfoSuccess";
                        //this.result = "${StringUtil.wrapString(uiLabelMap.EmployeeSuccess)!}";
                    }
					//this.result = response.data
				})
			.catch(function (error) {
					console.log(error);
				});

			}
		}
	})
</script>

<style>
	#index {
		padding: 50px;
		background: url(http://eim.kejicloud.com/app/assets/background3.jpg);
		background-size: 100%;
	}

	.btn {
		width: 120px;
		background-color: #32b84b;
		color: #fff;
		border-color: #32b84b;
		border-radius: 5px;
		line-height: 32px;
		position: relative;
		display: inline-block;
		font-weight: 400;
		white-space: nowrap;
		text-align: center;
		background-image: none;
		border: 1px solid transparent;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, .7);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		touch-action: manipulation;
		height: 32px;
		padding: 0 15px;
		font-size: 14px;
		border-radius: 4px;
	}

	.btn:hover {
		background-color: #32cf4b;
	}

	select {
		box-sizing: border-box;
		margin: 0;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: "tnum";
		position: relative;
		display: inline-block;
		width: 100%;
		height: 32px;
		padding: 4px 11px;
		color: rgba(0, 0, 0, .65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all .3s;
	}

	input {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: 'tnum';
		position: relative;
		display: inline-block;
		width: 100%;
		height: 32px;
		padding: 4px 11px;
		color: rgba(0, 0, 0, 0.65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all 0.3s;
	}
	#upload{
		width: 60px;
		height: 60px;
		position: absolute;
		opacity: 0;
	}
	.file_bg{
		text-align: center;
		background-color: #fff;
		width: 60px;
		height: 60px;
		position: relative;
		background-image: url(http://eim.kejicloud.com/images/adds.png);
	}
	.file_bg img{
		left: 0;
		width: 100%;
		vertical-align: middle;
		border-style: none;
		position: absolute;
	}

</style>

</html>